<template>
    <div v-if="deatilsStatus" class="m-detail-modal">
        <div class="header">
            <label v-if="isExamine">竞拍审核</label>
            <label v-if="!isExamine">基本信息</label>
            <span @click="close"><Icon type="close-round"></Icon></span>
        </div>
        <div class="content">
            <!--<Card :bordered="false">-->
                <!--<label slot="title">车商基本信息</label>-->
                <!--<Row >-->
                    <!--<Col span="12"><p> 车行名称：</p> </Col>-->
                <!--</Row>-->
                <!--<Row>-->
                    <!--<Col span="12"><p> 车商名称：</p></Col>-->
                    <!--<Col span="12"><p> 登录账号：</p> </Col>-->
                <!--</Row>-->
                <!--<Row>-->
                    <!--<Col span="12"><p>所属市场：</p> </Col>-->
                    <!--<Col span="12"><p>联系电话：</p></Col>-->
                <!--</Row>-->
                <!--<Row>-->
                    <!--<Col span="12"> <p>联系人：</p> </Col>-->
                    <!--<Col span="12"><p>门市地址：</p> </Col>-->
                <!--</Row>-->
                <!--<Row>-->
                    <!--<Col span="12"><p>车商等级：</p></Col>-->
                    <!--<Col span="12"><p>收车区域：</p></Col>-->
                <!--</Row>-->
            <!--</Card>-->
            <Card :bordered="false">
                <label slot="title">车源基本信息</label>
                <Row >
                    <Col span="12"><p>车辆基本信息：{{detailData.goods_vinnumber}}</p></Col>
                    <Col span="12"><p>车牌号码：{{detailData.goods_carnumber}}</p></Col>
                </Row>
                <Row >
                    <Col span="12"><p>品牌：{{detailData.goods_brandname}}</p></Col>
                    <Col span="12"><p>车系名称：{{detailData.goods_typename}}</p></Col>
                </Row>
                <Row >
                    <Col span="12"><p>颜色：{{detailData.goods_color}}</p></Col>
                    <Col span="12"><p>车辆所在地名称：{{detailData.goods_carscountry}}</p></Col>
                </Row>
                <Row >
                    <Col span="12"><p>车辆用途：{{detailData.goods_caruse}}</p></Col>
                    <Col span="12"><p>车牌所在地名称：{{detailData.goods_numbercountry}}</p></Col>
                </Row>
                <Row >
                    <Col span="12"><p>年检到期：{{detailData.goods_exatime}}</p></Col>
                    <Col span="12"><p>质保到期：{{detailData.goods_qgendtime}}</p></Col>
                </Row>
                <Row >
                    <Col span="12"><p>行驶里程：{{detailData.goods_kilometre}}</p></Col>
                    <Col span="12"><p>保险有效期：{{detailData.goods_securedate}}</p></Col>
                </Row>
                <Row>
                    <Col span="12"><p> 购车价：{{detailData.goods_price}}</p></Col>
                    <Col span="12"><p>入库时间：{{detailData.goods_addtime}}</p> </Col>
                </Row>
                <Row>
                    <Col span="12"><p> 售价：{{detailData.goods_price}}</p> </Col>
                    <Col span="12"><p> VIN码： {{detailData.goods_vinnumber}}</p></Col>
                </Row>
                <Row>
                    <Col span="12"><p> 车源上架分类：{{classification}}</p> </Col>
                    <Col span="12"><p> 是否进行拍卖： {{detailData.goods_isauction  ==1 ? '是':'否'}}</p></Col>
                </Row>
                <Row>
                    <Col span="12"><p> 参与竞拍联系人：{{detailData.goods_auctionperson}}</p> </Col>
                    <Col span="12"><p> 参与竞拍人联系电话： {{detailData.goods_auctionphone}}</p></Col>
                </Row>
                <Row>
                    <Col span="12"><p> 售价：{{detailData.goods_price}} （元）</p> </Col>
                    <Col span="12"><p>过户次数：{{detailData.goods_buytimes}}</p></Col>
                </Row>
               <!-- <Row >
                    <Col span="12"><p>过户次数：{{detailData.goods_buytimes}}</p></Col>
                </Row>-->
            </Card>
        </div>

    </div>
</template>
<script>
    import API from '../../config/api'
    import {formatDateTimeShort} from '../../config/utils'
    export default {
        props: ['deatilsStatus' ,'detailData','carSourceOne','isExamine'],
        data() {
            return {

            }
        },
        computed:{
            classification(){
                let text = '';
                this.detailData.goods_exatime=formatDateTimeShort(this.detailData.goods_exatime*1000);
                this.detailData.goods_addtime=formatDateTimeShort(this.detailData.goods_addtime*1000);
                this.detailData.goods_qgendtime=formatDateTimeShort(this.detailData.goods_qgendtime*1000);
                this.detailData.goods_securedate=formatDateTimeShort(this.detailData.goods_securedate*1000);
                switch (this.detailData.goods_classification){
                    case '1':
                        text = '新车';
                        break;
                    case 2:
                        text = '次新车';
                        break;
                    case 3:
                        text = '二手车';
                        break;
                    case 4:
                        text = '平台进口车';
                        break;
                }
                return text;
            }

        },
        methods: {
            close() {
                this.$emit('closeModal')
            }
        }
    }
</script>
<style scoped lang="scss">
    .m-detail-modal {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 100;

        .header {
            background-color: #f8f8f9;
            height: 45px;
            line-height: 45px;
            font-size: 16px;
            padding-left: 25px;
            padding-right: 5px;
            color: #000;
            box-shadow: 1px 1px 1px rgba(220, 172, 172, .5);

            span {
                float: right;
                padding: 0 20px;
                cursor: pointer;
            }

        }
        .content {
            font-size: 14px;
            padding: 20px 50px 150px 25px;
            overflow-y: auto;
        }
    }



</style>
